import React from 'react'
import { ListRawState } from '../../types'
import { Image } from 'react-vant'
interface PropsType {
  v: ListRawState
}

const Index: React.FC<PropsType> = ({ v }) => {
  return <div className='list-item'>
    <div className="left">
      <h4>{ v.title }</h4>
      <p>{ v.desc }</p>
    </div>
    <div className="right">
      <Image src={v.image} alt="" lazyload width={150} height={120}/>
    </div>
  </div>
}

export default Index